<template>
  <div class="mine">
    <van-row>
      <van-sticky>
        <van-button
          type="primary"
          style="
            font-weight: 400;
            background: transparent;
            font-size: 16px;
            color: #999;
            border: none;
            left: 0;
          "
          @click="goidears"
          >消息</van-button
        >
        <van-button
          type="primary"
          style="
            font-weight: 700;
            background: transparent;
            font-size: 18px;
            color: black;
            border: none;
          "
          >我的</van-button
        >
      </van-sticky>

      <van-col span="24">
        <van-col span="8">
          <van-image :src="require('../../assets/10007.jpg')" />
        </van-col>
        <van-col span="16"
          ><h4>刘亦菲老公0V0</h4>
          <p>钻石会员</p></van-col
        >
      </van-col>
      <van-notice-bar scrollable text="想变美，来集美！！！组团打骨折！！!" />
      <van-col span="24">
        <van-row type="flex" justify="space-around">
          <van-col span="6"
            ><h6
              style="
                font-family: 'Georgia Negreta', 'Georgia';
                font-size: 12px;
                font-weight: 400;
                color: #999999;
                margin-bottom: 0;
              "
            >
              美币
            </h6>
            <p style="font-weight: 700; color: #1abc9c; font-size: 16px">
              1000
            </p></van-col
          >
          <van-col span="6"
            ><h6
              style="
                font-family: 'Georgia Negreta', 'Georgia';
                font-size: 12px;
                font-weight: 400;
                color: #999999;
                margin-bottom: 0;
              "
            >
              优惠券
            </h6>
            <p style="font-weight: 700; color: #1abc9c; font-size: 16px">
              10
            </p></van-col
          >
          <van-col span="6"
            ><h6
              style="
                font-family: 'Georgia Negreta', 'Georgia';
                font-size: 12px;
                font-weight: 400;
                color: #999999;
                margin-bottom: 0;
              "
            >
              关注
            </h6>
            <p style="font-weight: 700; color: #1abc9c; font-size: 16px">
              66
            </p></van-col
          >
          <van-col span="6"
            ><h6
              style="
                font-family: 'Georgia Negreta', 'Georgia';
                font-size: 12px;
                font-weight: 400;
                color: #999999;
                margin-bottom: 0;
              "
            >
              粉丝
            </h6>
            <p style="font-weight: 700; color: #1abc9c; font-size: 16px；">
              520
            </p></van-col
          >
        </van-row>
      </van-col>
      <van-col span="24">
        <van-grid :column-num="5">
          <van-grid-item icon="label-o" text="我的订单" @click="goorder" />
          <van-grid-item icon="balance-o" text="待付款" />
          <van-grid-item icon="send-gift-o" text="待收货" />
          <van-grid-item icon="coupon-o" text="待评价" />
          <van-grid-item icon="friends-o" text="售后服务" />
        </van-grid>
      </van-col>
      <van-col span="24">
        <van-grid :column-num="5">
          <van-grid-item icon="like-o" text="我的收藏" />
          <van-grid-item icon="bag-o" text="商品" />
          <van-grid-item icon="vip-card-o" text="专题" />
          <van-grid-item icon="smile-o" text="话题" />
          <van-grid-item icon="volume-o" text="评价" />
        </van-grid>
      </van-col>
      <van-col span="24">
        <h3 class="msrenz" @click="gorenz">认证医美达人，成就光彩人生</h3>
      </van-col>
      <van-col span="24">
        <div class="left-box">
          <van-grid direction="horizontal" :column-num="1">
            <van-grid-item icon="other-pay" text="我的足迹" />
          </van-grid>
        </div>
        <div class="right-box">
          <span style="font-size: 12px">10</span>
          <van-icon name="arrow" />
        </div>
      </van-col>
      <van-col span="24">
        <div class="left-box">
          <van-grid direction="horizontal" :column-num="1">
            <van-grid-item icon="records" text="我的评价" />
          </van-grid>
        </div>
        <div class="right-box">
          <span style="font-size: 12px">10</span>
          <van-icon name="arrow" />
        </div>
      </van-col>
      <van-col span="24">
        <div class="left-box" @click="goaddress">
          <van-grid direction="horizontal" :column-num="1">
            <van-grid-item icon="location-o" text="地址管理" />
          </van-grid>
        </div>
        <div class="right-box">
          <span style="font-size: 12px">10</span>
          <van-icon name="arrow" />
        </div>
      </van-col>
      <van-col span="24">
        <div class="left-box">
          <van-grid direction="horizontal" :column-num="1">
            <van-grid-item icon="vip-card-o" text="我的会员" />
          </van-grid>
        </div>
        <div class="right-box">
          <span style="font-size: 12px">钻石会员</span>
          <van-icon name="arrow" />
        </div>
      </van-col>
      <van-col span="24">
        <div class="left-box">
          <van-grid direction="horizontal" :column-num="1">
            <van-grid-item icon="fire-o" text="任务中心" />
          </van-grid>
        </div>
        <div class="right-box">
          <span style="font-size: 12px">赚取美币</span>
          <van-icon name="arrow" />
        </div>
      </van-col>
      <van-col span="24">
        <div class="left-box">
          <van-grid direction="horizontal" :column-num="1">
            <van-grid-item icon="gem-o" text="每日签到" />
          </van-grid>
        </div>
        <div class="right-box">
          <span style="font-size: 12px">获得奖励</span>
          <van-icon name="arrow" />
        </div>
      </van-col>
      <van-col span="24">
        <div class="left-box">
          <van-grid direction="horizontal" :column-num="1">
            <van-grid-item icon="point-gift-o" text="幸运抽奖" />
          </van-grid>
        </div>
        <div class="right-box">
          <span style="font-size: 12px">10</span>
          <van-icon name="arrow" />
        </div>
      </van-col>
      <van-col span="24">
        <div class="left-box">
          <van-grid direction="horizontal" :column-num="1">
            <van-grid-item icon="gift-o" text="邀请有礼" />
          </van-grid>
        </div>
        <div class="right-box">
          <span style="font-size: 12px">10</span>
          <van-icon name="arrow" />
        </div>
      </van-col>
      <van-col span="24">
        <div class="left-box">
          <van-grid direction="horizontal" :column-num="1">
            <van-grid-item icon="setting-o" text="系统设置" />
          </van-grid>
        </div>
        <div class="right-box">
          <span style="font-size: 12px">10</span>
          <van-icon name="arrow" />
        </div>
      </van-col>
      <van-col span="24">
        <div class="left-box">
          <van-grid direction="horizontal" :column-num="1">
            <van-grid-item icon="phone-o" text="服务中心" />
          </van-grid>
        </div>
        <div class="right-box">
          <span style="font-size: 12px">10</span>
          <van-icon name="arrow" />
        </div>
      </van-col>
      <van-col span="24">
        <div class="left-box">
          <van-grid direction="horizontal" :column-num="1">
            <van-grid-item icon="phone-o" text="服务中心" />
          </van-grid>
        </div>
        <div class="right-box">
          <span style="font-size: 12px">10</span>
          <van-icon name="arrow" />
        </div>
      </van-col>
    </van-row>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  computed: {},
  watch: {},

  methods: {
    goidears() {
      this.$router.push("/idear/");
    },
    gorenz() {
      this.$router.push("/renzeng/");
    },
    goaddress() {
      this.$router.push("/address/");
    },
    goorder() {
      this.$router.push("/order/");
    },
  },
  created() {},
  mounted() {},
  components: {},
};
</script>

<style scoped>
.msrenz {
  width: 335px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background-color: #00cc99;
  color: aliceblue;
  font-weight: 700;
  margin: 0 auto;
  border-radius: 15px;
}
.left-box,
.right-box {
  color: #a2a2a2;
  cursor: pointer;
}
.left-box {
  float: left;
}
.right-box {
  float: right;
  padding-top: 16px;
  margin-right: 10px;
}
</style>
